.join {
  height: 750px
}
.join .join-desc {
  text-align: center
}
.join .join-desc h1 {
  padding-top: 120px
}
.join .join-desc h1:after {
  display: block;
  content: '';
  margin: 10px auto;
  width: 31px;
  height: 2px;
  background-color: #FD323D
}
.join .join-desc p {
  margin-bottom: 100px;
  color: #aba6a5;
  font-size: 14px
}
.join .register {
  width: 80%;
  margin: 0 auto
}
.register-info {
  float: left;
  width: 28%
}
.register-info li p {
  margin-top: 20px;
  font-size: 13px;
  color: #aba6a5
}
.register-info li a {
  float: right;
  color: #aba6a5;
  font-size: 12px
}
.register-info li a:before {
  content: url(img/unfold.png);
  vertical-align: middle;
  display: inline-block;
  margin-left: -15px;
  margin-right: 5px
}
.register-form {
  width: 64%;
  float: right
}
.form-list {
  width: 47%;
  float: left;
  margin-bottom: 20px
}
.form-list:nth-child(2n) {
  float: right
}
input, textarea {
  outline: 0;
  color: #000
}
.form-list input {
  border: 0;
  float: left;
  height: 40px;
  width: 100%;
  background-color: #EDEDEF;
  padding-left: 15px
}
.form-list.textarea {
  width: 100%
}
.form-list.textarea textarea {
  width: 100%;
  padding-left: 15px;
  padding-top: 10px;
  border: 0;
  height: 100px;
  background-color: #EDEDEF
}
#sub-btn1 {
  float: left;
  width: 100%;
  padding-left: 15px;
  background-color: #EDEDEF
}
.btn-reg {
  width: 100%;
  height: 40px;
  border: 0;
  font-size: 15px;
  background-color: #EDEDEF;
  cursor: pointer
}
